function component
code:jsx
function Welcome(props) {
return <h1>Hello, {props.name}</h1>;
}
propsを受け取ってReact Element を返す
ただのJSの関数(function)だから、function component
大抵functional componentって呼ばれてる気がするけど、React公式のドキュメントには"function component"って書いてある
TypeScriptで書く場合
code:ts
const Welcome: React.FC<IProps> = (props) => {
return <h1>Hello, {props.name}</h1>;
}
型としてはReact.FCを使える
ジェネリクスにPropsのInterfaceを渡せる